@import '~antd/lib/style/themes/default.less';

html,
body,
:global(#root) {
  height: 100%;
}

:global(.ant-layout) {
  min-height: 100%;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

// temp fix for https://github.com/ant-design/ant-design/commit/a1fafb5b727b62cb0be29ce6e9eca8f579d4f8b7
:global {
  .ant-spin-container {
    overflow: visible !important;
  }

  .global-spin {
    width: 100%;
    margin: 40px 0 !important;
  }
  .ant-table {
    td, th {
      text-align: center;
    }
  }

  /*---清除浮动--*/
  .clear:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
  }
  /*---一行超出隐藏--*/
  .overflow-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /*---两行超出隐藏--*/
  .overflow-text {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .pointer {
    cursor: pointer;
  }
  /*---flex--*/
  .flex {
    display: flex;
  }
  .column-flex {
    display: flex;
    flex-direction: column;
  }
  .between-flex {
    display: flex;
    justify-content: space-between;
  }
  .middle-flex {
    display: flex;
    align-items: center;
  }
  /*---居中--*/
  .center-flex {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .center-transform {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .center-absolute {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }

  /*---充满--*/
  .full  {
    width: 100%;
    height: 100%;
  }
  .full-width {
    width: 100%;
  }
  .full-height {
    height: 100%;
  }
  /*---设置float--*/
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  /*---设置margin--*/
  .ma {
    margin: 20px;
  }
  .ml {
    margin-left: 20px;
  }
  .mr {
    margin-right: 20px;
  }
  .mt {
    margin-top: 20px;
  }
  .mb {
    margin-bottom: 20px;
  }
  /*---设置padding--*/
  .pa {
    padding: 20px;
  }
  .pl {
    padding-left: 20px;
  }
  .pr {
    padding-right: 20px;
  }
  .pt {
    padding-top: 20px;
  }
  .pb {
    padding-bottom: 20px;
  }
  /*---两套方案的div--*/
  @media (max-width: 768px) {
    .pc-div {
      display: none;
    }
  }
  @media (min-width: 769px) {
    .mobile-div {
      display: none;
    }
  }

}
